<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">
    
    
    	<h:outputStylesheet library="css" name="textos.css"/>    
    	<h:outputStylesheet library="css" name="bordes.css"/>
    	<h:outputStylesheet library="css" name="botones.css"/>
    	
    	<h:outputStylesheet>
    		.customSelect{
				width: 300px;
			}
    	</h:outputStylesheet>
    	
    	
        <h:form id="frmPlanearCurso">
        	<rich:panel header="Abrir curso">
        		<h:panelGroup layout="block" styleClass="roundCorner">
        			<h:panelGrid columns="1" style="padding-left:10px; text-align:center;" >
        				<a4j:commandButton value="#{msg['guardar']}" actionListener="#{planearCursoController.btnSaveAbrirCurso}" 
        					image="/resources/images/save.png" render="pnlLanCur">
        				</a4j:commandButton>
        				<h:outputLabel value="#{msg['guardar']}" />
        			</h:panelGrid>
        		</h:panelGroup>
        	</rich:panel>
        	
        	<rich:panel header="Planificar curso" id="pnlLanCur">
        	
        	<rich:collapsiblePanel header="Fecha de curso"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
				leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
			
        		<h:panelGrid columns="2">
        			<h:outputLabel value="Fecha inicio" style="float:left; width:150px;"/>
        			<rich:calendar value="#{planearCursoController.periodoAcademico.fechaInicio}" showApplyButton="false"
        				datePattern="#{msg['dd_MMM_yyyy']}" required="true" requiredMessage="la fecha de inicio es obligatoria"/>
        			
        			<h:outputLabel value="#{msg.fecha_finalizacion}" style="float:left; width:150px;"/>
        			<rich:calendar value="#{planearCursoController.periodoAcademico.fechaFin}" datePattern="#{msg['dd_MMM_yyyy']}" required="true" requiredMessage="la fecha de fin es obligatoria"/>
        		</h:panelGrid>
        	</rich:collapsiblePanel>
        	
        	<rich:collapsiblePanel header="#{msg['datos_especificos']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
				leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
        	
        			<h:panelGrid columns="2">
        				<h:outputLabel value="#{msg.establecimientos}" />
        				<rich:select required="true" requiredMessage="El campo Lugar es obligatorio" styleClass="customSelect" defaultLabel="Seleccione"
        					valueChangeListener="#{planearCursoController.somChangeLugarCurso}">
        					<f:selectItems value="#{planearCursoController.itemLugarCurso}"/>
        					<a4j:ajax execute="@this" event="selectitem" render="itemEdificio, itemAula"/>
        				</rich:select>
        				
        				<h:outputLabel value="Edificio" />
        				<rich:select id="itemEdificio" required="true" requiredMessage="El campo Edificio es obligatorio" styleClass="customSelect" defaultLabel="Seleccione"
        					valueChangeListener="#{planearCursoController.somChangeEdificio}">
        					<f:selectItems value="#{planearCursoController.itemEdificio}"/>
        					<a4j:ajax execute="@this" event="selectitem" render="itemAula"/>
        				</rich:select>
        				
        				<h:outputLabel value="Aula"/>
        				<rich:select id="itemAula" defaultLabel="Seleccione" required="true" requiredMessage="El campo aula es obligatorio">
        					<f:selectItems value="#{planearCursoController.itemAulas}"></f:selectItems>
        				</rich:select>
        				
        				
        				<h:outputLabel value="#{msg['etiqueta_especialidad']}"/>
        				<rich:select required="true" requiredMessage="El campo Especialidad es obligatorio" styleClass="customSelect" defaultLabel="Seleccione"
        					valueChangeListener="#{planearCursoController.somChangeEspecialidad}">
        					<f:selectItems value="#{planearCursoController.itemEspecialidades}"/>
        					<a4j:ajax execute="@this" event="selectitem" render="somCurso"/>
        				</rich:select>
        				
        				<h:outputLabel value="Curso"/>
        				<rich:select id="somCurso" defaultLabel="Seleccione" required="true" enableManualInput="false" value="#{planearCursoController.cursoPeriodo.curso.idCurso}" requiredMessage="El campo curso es obligatorio">
        					<f:selectItems value="#{planearCursoController.itemCursos}"></f:selectItems>
        				</rich:select>
        				
        				<h:outputLabel value="#{msg['minimo_estudiantes']}" />
        				<rich:inputNumberSpinner value="#{planearCursoController.cursoPeriodo.minimoEstudiantes}"/>
        				
        				<h:outputLabel value="#{msg['maximo_estudiantes']}" />
        				<rich:inputNumberSpinner value="#{planearCursoController.cursoPeriodo.maximoEstudiantes}"/>
        				
        				<h:outputLabel value="#{msg['tipo_curso']}"/>
        				<h:selectOneRadio value="#{planearCursoController.cursoPeriodo.tipoCurso}">
        					<f:selectItem itemLabel="Empresarial" itemValue="CORP"/>
        					<f:selectItem itemLabel="Abierto" itemValue="IND"/>
        				</h:selectOneRadio>
        				
        				<h:outputLabel value="Modalidad"/>
        				<rich:select value="#{planearCursoController.cursoPeriodo.modalidad}" defaultLabel="Seleccione">
        					<f:selectItem itemLabel="Presencial" itemValue="PRESENCIAL"/>
        					<f:selectItem itemLabel="Distancia" itemValue="DISTANCIA"/>
        					<f:selectItem itemLabel="Virtual" itemValue="VIRTUAL"/>
        				</rich:select>
        				
        				<h:outputLabel value="#{msg.numero_de_horas}"/>
        				<h:inputText value="#{planearCursoController.cursoPeriodo.numeroHoras}" />
        				
        			</h:panelGrid>
        		
        			
        			
        		</rich:collapsiblePanel>
        		
        		<rich:collapsiblePanel header="Horario"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
					<h:panelGrid columns="4" rendered="true">
        				<h:outputLabel value="Lunes"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.lunesDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.lunesHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="Martes"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.martesDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.martesHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="#{msg.miercoles}"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.miercolesDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.miercolesHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="Jueves"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.juevesDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.juevesHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="Viernes"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.viernesDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.viernesHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="#{msg.sabado}"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.sabadoDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.sabadoHasta}"  />  
        				</h:panelGrid>
        				
        				<h:outputLabel value="Domingo"/>
        				<h:panelGrid columns="2">
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.domingoDesde}"  />
        					<p:inputMask mask="99:99" value="#{planearCursoController.cursoPeriodo.horarioCursoPeriodo.domingoHasta}"  />  
        				</h:panelGrid>
        			</h:panelGrid>
				</rich:collapsiblePanel>	
        	</rich:panel>
        	
        </h:form>
</ui:composition>
